﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Forma8.aspx.cs" Inherits="Forma_8"
    MasterPageFile="~/Site.master" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <title>Motivos de Solicitud</title>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <fieldset>
        <legend><strong>Motivo de la ayuda que necesitas</strong></legend>
        <%-- Destino de la ayuda --%>
        <div class="control-group">
            <asp:Label CssClass="control-label" ID="label_1" for="" runat="server"> Esta ayuda la destinar&eacute; para: </asp:Label>
            <div class="controls">
                <asp:TextBox CssClass="input-xlarge" type="text" ID="Motivo_Destino" runat="server" />
            </div>
        </div>
        <%-- Para qué semestre se usará --%>
        <div class="control-group">
            <asp:Label CssClass="control-label" ID="label_2" for="" runat="server"> &#191;Para qu&eacute; semestre? </asp:Label>
            <div class="controls">
                <asp:Label CssClass="radio inline" runat="server">
                    <asp:RadioButton ID="input_r2_1" Text="Enero-MayoX" Checked="False" GroupName="Motivo_AplicarSemestre"
                        Value="Enero-MayoX" runat="server" />
                    <asp:RadioButton ID="input_r2_2" Text="Agosto-DiciembreX" Checked="False" GroupName="Motivo_AplicarSemestre"
                        Value="Agosto-DiciembreX" runat="server" />
                </asp:Label>
            </div>
        </div>
        <%-- Beca de filantropía en semestres anteriores --%>
        <div class="control-group">
            <asp:Label CssClass="control-label" ID="label_3" for="" runat="server"> &#191;Obtuviste beca de la red de filantrop&iacute;a en semestres anteriores? </asp:Label>
            <div class="controls">
                <span class="radio inline">
                    <asp:RadioButtonList ID="Motivo_BecaAnterior" runat="server">
                        <asp:ListItem OnClick="showHideQuestions('yes');" Value="Sí">S&iacute;</asp:ListItem>
                        <asp:ListItem OnClick="showHideQuestions('no');" Value="No">No</asp:ListItem>
                    </asp:RadioButtonList>
                </span>
            </div>
        </div>
        <div id="optionYes" style="display: none;">
            <%-- ¿Cuáles semestres? --%>
            <div class="control-group">
                <asp:Label CssClass="control-label" ID="label_4" for="" runat="server"> &#191;Cu&aacute;les semestres?  </asp:Label>
                <div class="controls">
                    <asp:TextBox CssClass="input-large" type="text" ID="Motivo_SemestresAnteriores" size="40"
                        runat="server" />
                </div>
            </div>
            <%-- Razón por la que solicita renovación la beca de filantropía --%>
            <div class="control-group">
                <asp:Label CssClass="control-label" ID="label_5" for="" runat="server"> Raz&oacute;n por la que solicita la renovaci&oacute;n   </asp:Label>
                <div class="controls">
                    <asp:Label ID="Label1" CssClass="radio inline" runat="server">
                        <asp:RadioButtonList ID="Motivo_RazonRenovacion" runat="server">
                            <asp:ListItem OnClick="toggleDisabledTextInput();" Value="La situación económica se agravó">La situaci&oacute;n econ&oacute;mica se agrav&oacute; </asp:ListItem>
                            <asp:ListItem OnClick="toggleDisabledTextInput();" Value="La situación económica se mantiene igual">La situaci&oacute;n econ&oacute;mica se mantiene igual </asp:ListItem>
                            <asp:ListItem OnClick="toggleDisabledTextInput();" Value="La situación económica mejoró pero surgieron nuevas erogaciones">La situaci&oacute;n econ&oacute;mica mejor&oacute; pero surgieron nuevas erogaciones </asp:ListItem>
                            <asp:ListItem OnClick="toggleDisabledTextInput();" Value="La situación económica mejoró pero no es suficiente">La situaci&oacute;n econ&oacute;mica mejor&oacute; pero no es suficiente </asp:ListItem>
                            <asp:ListItem OnClick="toggleDisabledTextInput();">Otra (especif&iacute;que) </asp:ListItem>
                        </asp:RadioButtonList>
                    
                    <br />
                    <asp:TextBox ID="RazonRenovacion_OtraTextBox" CssClass="input-xlarge disabled" runat="server"
                        disabled />
                    </asp:Label>
                </div>
            </div>
        </div>
        <%-- End of optionYes --%>
        <div id="optionNo" style="display: none;">
            <%-- Razón por la cual no se había solicitado --%>
            <div class="control-group">
                <asp:Label CssClass="control-label" ID="label_6" for="" runat="server">Raz&oacute;n por la cual no se hab&iacute;a solicitado </asp:Label>
                <div class="controls">
                <asp:Label ID="Label2" CssClass="radio inline" runat="server">
                    <asp:RadioButtonList ID="Motivo_RazonNoSolicitud" runat="server">
                        <asp:ListItem OnClick="toggleDisabledTextInput();" Value="No tenía necesidad apremiante">No ten&iacute;a necesidad apremiante</asp:ListItem>
                        <asp:ListItem OnClick="toggleDisabledTextInput();" Value="No sabía que existía">No sab&iacute;a que exist&iacute;a</asp:ListItem>
                        <asp:ListItem OnClick="toggleDisabledTextInput();">Otra (especif&iacute;que)</asp:ListItem>
                    </asp:RadioButtonList>
                    <br />
                    <asp:TextBox ID="RazonNoSolicitud_OtraTextBox" CssClass="input-xlarge disabled" runat="server"
                        disabled />
                </asp:Label>
                </div>
            </div>
        </div>
        <%-- End of optionNo --%>
    </fieldset>
    <%-- Desde cuando la necesidad --%>
    <div class="control-group">
        <asp:Label CssClass="control-label" ID="label_7" for="Motivo_DesdeCuandoNecesidad"
            runat="server"> &#191;Desde cuando tienes esta necesidad? </asp:Label>
        <div class="controls">
            <asp:TextBox CssClass="input-xlarge" ID="Motivo_DesdeCuandoNecesidad" runat="server" />
        </div>
    </div>
    <fieldset>
        <legend><strong>Motivo por el cual solicitas la beca de sostenimiento</strong></legend>
        <%-- Descripción del Motivo --%>
        <div class="alert alert-info" style="color: black;">
            <strong>Antes de describir el motivo por el cual esta solicitando este apoyo te pedimos
                que analices o consideres lo siguiente:</strong><br />
            <br />
            <ul class="unstyled">
                <li><strong>Antecedentes:</strong>
                    <ul>
                        <li>Motivo del quebranto econ&oacute;mico familiar</li>
                        <li>Fechas en que ocurri&oacute; o est&aacute; ocurriendo</li>
                    </ul>
                </li>
                <br />
                <li><strong>Causas:</strong>
                    <ul>
                        <li>Bajo ingreso constante</li>
                        <li>Muchos integrantes en la familia</li>
                        <ul class="">
                            <li>&nbsp;&nbsp;&nbsp;Todos brillantes o con las misma o similares aptitudes para el
                                estudio</li>
                        </ul>
                        <li>Otros dependientes econ&oacute;micos</li>
                        <ul class="">
                            <li>&nbsp;&nbsp;&nbsp;Demostrar con evidencia la justificaci&oacute;n</li>
                        </ul>
                        <li>Disminuci&oacute;n del ingreso por p&eacute;rdida del empleo y conseguir uno temporal
                            o permanente con menor remuneraci&oacute;n</li>
                        <ul class="unstyled">
                            <li>&nbsp;&nbsp;&nbsp;Tiempo que dur&oacute; el desempleo</li>
                            <li>&nbsp;&nbsp;&nbsp;Tiempo de la recontrataci&oacute;n</li>
                        </ul>
                        <li>Desempleo</li>
                        <ul class="">
                            <li>&nbsp;&nbsp;&nbsp;Tiempo que lleva desempleado</li>
                            <li>&nbsp;&nbsp;&nbsp;Expectativas a corto plazo de contrataci&oacute;n</li>
                            <li>&nbsp;&nbsp;&nbsp;Generaci&oacute;n de ingreso provisional</li>
                        </ul>
                        <li>Quebrantos en empresas familiares</li>
                        <li>Problemas de salud</li>
                        <ul class="">
                            <li>&nbsp;&nbsp;&nbsp;Describir el problema</li>
                            <li>&nbsp;&nbsp;&nbsp;Gastos que ocasiona y forma en que se sufragan</li>
                            <li>&nbsp;&nbsp;&nbsp;Si son temporales, causar&aacute;n o causaron incapacidad temporal
                                o permanente</li>
                        </ul>
                        <li>Accidentes</li>
                        <li>Cat&aacute;strofes naturales o siniestros</li>
                        <ul class="unstyled">
                            <li>&nbsp;&nbsp;&nbsp;Se cuenta o no con seguro de da&#241;os</li>
                        </ul>
                        <li>Defunci&oacute;n en la familia</li>
                    </ul>
            </ul>
        </div>
        <%-- Motivo motivo --%>
        <div class="control-group">
            <div class="controls">
                <asp:TextBox CssClass="input-xxlarge" TextMode="MultiLine" ID="Motivo_Motivo" Rows="20"
                    runat="server" />
            </div>
        </div>
        <div class="form-actions" style="text-align: right">
            <asp:Button ID="InsertData_Button" CssClass="btn btn-primary" Text="Guardar Cambios"
                OnClick="InsertData" runat="server" />
        </div>
    </fieldset>
    <script type="text/javascript">
        $('#mf8').addClass("active");

        $('#ctl00_MainContent_label_7').css('padding-top', '0px');

        // Si cuando se cargan los datos, existe información, se activan los div escondidos necesarios
        if ($('#ctl00_MainContent_Motivo_BecaAnterior_1').is(':checked')) {
            showHideQuestions('no');
            toggleDisabledTextInput();
        }
        else if ($('#ctl00_MainContent_Motivo_BecaAnterior_0').is(':checked')) {
            showHideQuestions('yes');
            toggleDisabledTextInput();
        }


        // Dependiendo de la respuesta que se eliga en los RadioButton
        // Se desplegará cierta información en la Forma.
        function showHideQuestions(option) {

            if (option == "yes") {
                $('#optionNo').css('display', 'none');
                $('#optionYes').css('display', 'block');

                $('#ctl00_MainContent_RazonNoSolicitud_OtraTextBox').val("");
                $('#ctl00_MainContent_RazonNoSolicitud_OtraTextBox').attr('disabled', true);


                for (var i = 0; i <= 2; i++) {
                    $('#ctl00_MainContent_Motivo_RazonNoSolicitud_' + i).attr('checked', false);
                }
            }
            else if (option == "no") {
                $('#optionNo').css('display', 'block');
                $('#optionYes').css('display', 'none');

                $('#ctl00_MainContent_RazonRenovacion_OtraTextBox').val("");
                $('#ctl00_MainContent_RazonRenovacion_OtraTextBox').attr('disabled', true);

                $('#ctl00_MainContent_Motivo_SemestresAnteriores').val("");

                for (var i = 0; i <= 4; i++) {
                    $('#ctl00_MainContent_Motivo_RazonRenovacion_' + i).attr('checked', false);
                }
            }

        } // end showHideQuestions


        // Activa o desactiva los Text Inputs
        function toggleDisabledTextInput() {

            if ($('#ctl00_MainContent_Motivo_RazonRenovacion_4').is(':checked')) {
                $('#ctl00_MainContent_RazonRenovacion_OtraTextBox').removeAttr('disabled');
            } else {
                $('#ctl00_MainContent_RazonRenovacion_OtraTextBox').attr('disabled', true)
                $('#ctl00_MainContent_RazonRenovacion_OtraTextBox').val('');
            }

            if ($('#ctl00_MainContent_Motivo_RazonNoSolicitud_2').is(':checked')) {
                $('#ctl00_MainContent_RazonNoSolicitud_OtraTextBox').removeAttr('disabled');
            } else {
                $('#ctl00_MainContent_RazonNoSolicitud_OtraTextBox').attr('disabled', true)
                $('#ctl00_MainContent_RazonNoSolicitud_OtraTextBox').val('')
            }
        }
    </script>
</asp:Content>
